<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>最佳拍档</title>
    <meta name="keywords" content="最佳拍档">
    <meta name="description" content="最佳拍档">
    <style>
        .right h2{
            margin: 10px 0;
        }
        .right li{
            margin-bottom: 10px;
        }
    </style>
</head>
<body>
<div class="right p20" style="margin-left: 200px;">
    <input type="hidden" id="userId" th:value="${loginUser.userid}">
    <input type="hidden" id="userRole" th:value="${userRole}">
    <blockquote class="layui-elem-quote" id="header-content1">
        <h2>欢迎您进入最佳拍档CRM管理平台</h2>
        <p>如果您看到本页面，您将作为CRM管理平台的销售导入员，需要处理以下工作：</p>
        <p>1、通过“下载模板”按钮下载Excel模板，将按模板的要求填写收集的客户资源；</p>
        <p>2、将填写好的Excel模板，通过点击“导入”按钮选择上传，导入收集的客户资源数据到平台；</p>
        <p>3、通过点击“编辑”按钮，维护自己管理的所有数据记录，跟踪补全客户资源数据，并在“客户跟进记录”中填写当天对该记录的跟进内容。</p>
        <p>其它：</p>
        <p>1、您可以在搜索框内输入关键字检索相关的资源或记录；</p>
        <p>2、您可以在导航栏中点击“工作汇总”查看自己的历史数据导入记录。</p>
    </blockquote>
    <blockquote class="layui-elem-quote" id="header-content2">
        <h2>欢迎您进入最佳拍档CRM管理平台</h2>
        <p>如果您看到本页面，您将作为CRM管理平台的记录管理员，需要处理以下工作：</p>
        <p>1、定时查看和管理记录，将长期未更新或需要调整的资源做回收处理；</p>
        <p>2、对回收的资源或暂时没人维护的资源做重新分配处理。</p>
        <p>其它：您可以在搜索框内输入关键字检索相关的资源或记录。</p>
    </blockquote>
    <div style="display: flex;justify-content: space-between">
        <div style="display: flex">
            <div id="download-template" th:if="${userRole.indexOf('common') != -1 || userRole.indexOf('upstreamSales') != -1 || userRole.indexOf('downstreamSales') != -1}">
                <button type="button" class="layui-btn" th:onclick="downloadTemplate()">
                    下载模板
                </button>
            </div>
            <div style="padding-left: 10px;" id="upload-data" th:if="${userRole.indexOf('common') != -1 || userRole.indexOf('upstreamSales') != -1 || userRole.indexOf('downstreamSales') != -1}">
                <button type="button" class="layui-btn" id="UploadData">
                    <i class="layui-icon">&#xe67c;</i>导入
                </button>
            </div>
        </div>
        <div style="display: flex;padding-right: 20px;">
            <div style="width: 250px;">
                <input type="text" name="keyword" id="keyword" required lay-verify="required" placeholder="请输入关键字" autocomplete="off" class="layui-input" onkeydown="keydownSearch()">
            </div>
            <div style="padding-left: 5px;">
                <button type="button" class="layui-btn" onclick="search()">搜索</button>
            </div>
        </div>
    </div>
    <div class="layui-row">
        <div class="layui-col-md12" style="padding-right: 20px">

            <table class="layui-table layui-form" lay-filter="EditListTable" id="EditListTable" lay-data="{id: 'tableid'}">
                <thead>
                <tr class="id36567">
                    <th lay-data="{checkbox:true}"></th>
                    <th lay-data="{field:'signingStatus', align: 'center', templet: '#signingStatusId'}">签约状态</th>
                    <th lay-data="{field:'dateBetween', align: 'center', style: 'color: red'}">未更新天数</th>
                    <th lay-data="{field:'nickName', align: 'center'}" th:if="${userRole.indexOf('deptManage') != -1 || userRole.indexOf('salesManage') != -1}">当前销售</th>
                    <th lay-data="{field:'company', align: 'center'}">公司名</th>
                    <th lay-data="{field:'category', align: 'center'}">品类</th>
                    <th lay-data="{field:'brand', align: 'center'}">品牌</th>
                    <th lay-data="{field:'contacts', align: 'center'}">联系人</th>
                    <th lay-data="{field:'telphone', align: 'center'}">手机</th>
                    <th lay-data="{field:'intention', align: 'center'}">合作等级</th>
                    <th lay-data="{fixed: 'right', toolbar: '#barDemo', width: 220, align: 'center'}">操作</th>
                </tr>
                </thead>
            </table>
            <script type="text/html" id="barDemo">
                {{# if(d.signingStatus==0 || d.signingStatus==3){ }}
                    <a class="layui-btn layui-btn-xs" lay-event="edit" th:if="${userRole.indexOf('common') != -1 || userRole.indexOf('upstreamSales') != -1 || userRole.indexOf('downstreamSales') != -1 || userRole.indexOf('deptManage') != -1}">编辑</a>
                {{# }else if(d.signingStatus==1){ }}
                    <a class="layui-btn layui-btn-xs" lay-event="pass" th:if="${userRole.indexOf('salesManage') != -1}">通过</a>
                    <a class="layui-btn layui-btn-xs" lay-event="fail" th:if="${userRole.indexOf('salesManage') != -1}">驳回</a>
                {{# } }}
                {{# if(d.signingStatus==1 || d.signingStatus==2){ }}
                    <a class="layui-btn layui-btn-xs" lay-event="brand_details_readonly">品牌详情</a>
                {{# }else{ }}
                    <a class="layui-btn layui-btn-xs" lay-event="brand_details">品牌详情</a>
                {{# } }}
                {{# if(d.signingStatus==0 || d.signingStatus==3){ }}
                    <a class="layui-btn layui-btn-xs layui-btn-warm" lay-event="apply_signing" th:if="${userRole.indexOf('common') != -1 || userRole.indexOf('upstreamSales') != -1 || userRole.indexOf('downstreamSales') != -1}">申请签约</a>
                {{# } }}

            </script>
            <!-- 头部工具栏 -->
            <script type="text/html" id="toolbar">
                <div class="layui-btn-container">
                    <button class="layui-btn layui-btn-sm" lay-event="add" th:if="${userRole.indexOf('common') != -1 || userRole.indexOf('upstreamSales') != -1 || userRole.indexOf('downstreamSales') != -1}"><i class="layui-icon">&#xe624;</i>新增</button>
                    <button class="layui-btn layui-btn-sm" lay-event="collect" th:if="${userRole.indexOf('common') != -1 || userRole.indexOf('upstreamSales') != -1 || userRole.indexOf('downstreamSales') != -1}"><i class="layui-icon">&#xe68c;</i>收藏</button>
                    <button class="layui-btn layui-btn-sm" lay-event="recoverMore" th:if="${userRole.indexOf('deptManage') != -1}"><i class="layui-icon">&#xe631;</i>回收</button>
                    <button class="layui-btn layui-btn-sm" lay-event="assignMore" th:if="${userRole.indexOf('deptManage') != -1}"><i class="layui-icon">&#xe612;</i>指派</button>
                </div>
            </script>
        </div>
        <script type="text/html" id="signingStatusId">
            {{# if(d.signingStatus == 0){ }}
                <span>未签约</span>
            {{# }else if(d.signingStatus == 1){ }}
                <span>审核中</span>
            {{# }else if(d.signingStatus == 2){ }}
                <span>已签约</span>
            {{# }else if(d.signingStatus == 3){ }}
                <span>已退回</span>
            {{# } }}
        </script>
    </div>
</div>

<!--用户选择弹窗-->
<div id="layer-chooseSchool" lay-filter="chooseSchool-filter" style="display: none;width: 590px;height: 380px;margin: 0 auto;">
    <div style="display: flex;justify-content: space-between;padding-top: 10px;">
        <div></div>
        <div style="display: flex;">
            <div style="width: 250px;">
                <input type="text" name="user_keyword" id="user_keyword" placeholder="请输入关键字" autocomplete="off" class="layui-input" onkeydown="userKeydownSearch()">
            </div>
            <div style="padding-left: 5px;">
                <button type="button" class="layui-btn" onclick="userSearch()">搜索</button>
            </div>
        </div>
    </div>
    <table class="layui-table layui-form" lay-filter="schoolResult-filter" id="schoolResult" lay-data="{id: 'schoolResult'}" style="display: none;">
        <thead>
        <tr class="id36567">
            <th lay-data="{checkbox:true}"></th>
            <th lay-data="{field:'userId', width: '268', align: 'center'}">用户ID</th>
            <th lay-data="{field:'nickName', width: '268', align: 'center'}">昵称</th>
        </tr>
        </thead>
    </table>
</div>

</body>

<script type="text/javascript">
    //加载列表的后端 url
    var getListUrl = '/customer/list';
    let userId = "";

        //初始化导航栏选中
    window.onload=function(){

        userId = GetQueryString("userId")
        if(isNotNull(userId)){//查看销售的
            initFormData(userId)
            //固定导航栏
            $('a[href="/Admin/SalesRecord"]').parent().addClass('layui-this');
            $('a[href="/Admin/SalesRecord"]').parent().parent().parent().addClass('layui-nav-itemed');
            //隐藏某些元素
            $("#header-content1").hide()
            $("#download-template").hide()
            $("#upload-data").hide()
        }else{//查看自己的
            //判断当前用户的角色
            let userRole = $("#userRole").val();
            if(userRole.indexOf("deptManage") != -1 || userRole.indexOf("salesManage") != -1){//部门经理查询数据不需要带上userId参数
                initFormData();
            }else{
                userId = $("#userId").val()
                initFormData(userId);
            }
            //固定导航栏
            let url = window.location.pathname;
            if(url=="/" || url=="/Admin"){

            }else{
                $('a[href="'+url+'"]').parent().addClass('layui-this');
                $('a[href="'+url+'"]').parent().parent().parent().addClass('layui-nav-itemed');
            }
            //隐藏某些元素
            $("#header-content2").hide()
        }
    }

    function initFormData(userId){

        layui.use(['table', 'layer'], function () {//layui 模块引用，根据需要自行修改
            let layer = layui.layer, table = layui.table;
            //对于任意一个 table，按照官方的说法，有三种不同的初始化渲染方式，不多介绍，而这里使用的方式姑且看做第三种：转换静态表格 方式
            //转换静态表格方式，自然首先需要有一个已经存在的表格，然后再通过 js 方式转化为 Layui 表格
            //无论哪种方式的 Layui table 初始化自然需要配置项
            //通过转化的方式初始化 Layui table，配置项部分可以在 源table中，部分在js中，源 table 的源代码上文已经给出，下面给出一个示例的 js 中的配置项
            var tableOptions = {
                elem: '#EditListTable',
                url: getListUrl, //请求地址
                method: 'POST', //方式
                id: 'EditListTable', //生成 Layui table 的标识 id，必须提供，用于后文刷新操作，笔者该处出过问题
                page: true, //是否分页
                request: {
                    pageName: 'pageNum',
                    limitName: 'pageSize'
                },
                where: { userId: userId }, //请求后端接口的条件，该处就是条件错误点，按照官方给出的代码示例，原先写成了 where: { key : { type: "all" } }，结果并不是我想的那样，如此写，key 将是后端的一个类作为参数，里面有 type 属性，如果误以为 key 是 Layui 提供的格式，那就大错特错了
                response: { //定义后端 json 格式，详细参见官方文档
                    statusName: 'code', //状态字段名称
                    statusCode: '200', //状态字段成功值
                    msgName: 'msg', //消息字段
                    countName: 'total', //总数字段
                    dataName: 'rows' //数据字段
                },
                limit: 10,//每页显示条数
                limits: [10,20,50,100,150,200,300],//可选择范围
                defaultToolbar: ['filter'],
                toolbar: '#toolbar'
            };
            // 表初始化
            var createTable = function () {
                table.init('EditListTable', tableOptions);// table lay-filter
            };
            // 表刷新方法
            var reloadTable = function (item) {
                table.reload("tableid", { //此处是上文提到的 初始化标识id
                    url: getListUrl,
                    where: {userId: userId}
                });
            };
            // 表初始化
            createTable();

            //监听行工具事件
            table.on('tool(EditListTable)', function (obj) {
                var data = obj.data;
                if (obj.event === 'edit') {
                    window.location.href = "http://" + window.location.host + "/Admin/Brand/EditBrandMerchant?unid="+data.unid;
                }else if(obj.event === 'apply_signing'){//申请签约
                    applyForSigning(data.unid,userId);
                }else if(obj.event === 'brand_details'){
                    window.location.href = "http://" + window.location.host + "/Admin/Brand/BrandDetails?unid="+data.unid;
                }else if(obj.event === 'brand_details_readonly'){
                    window.location.href = "http://" + window.location.host + "/Admin/Brand/BrandDetailsReadonly?unid="+data.unid;
                }else if(obj.event === 'pass'){//销售助理审核通过
                    pass(data.unid);
                }else if(obj.event === 'fail'){//销售助理审核驳回
                    fail(data.unid);
                }
            });

            //头部工具栏按钮触发事件
            table.on('toolbar(EditListTable)', function(obj) {
                //获取选中行
                let toolbar = table.checkStatus(obj.config.id);
                switch (obj.event) {
                    case 'add':
                        window.location.href = "http://" + window.location.host + "/Admin/Brand/EditBrandMerchant";
                    break;
                    case 'collect':
                        if (toolbar.data.length > 0) {
                            layer.confirm('确定收藏选中的记录吗？', function (index) {
                                let favorites = [];
                                for (let i in toolbar.data){
                                    let sub_data = {
                                        linkId: toolbar.data[i].unid,
                                        linkType: "品牌商家"
                                    }
                                    favorites.push(sub_data);
                                }
                                $.ajax({
                                    url: '/favorites/add',
                                    type: 'post',
                                    data: JSON.stringify(favorites),
                                    contentType: 'application/json',
                                    dataType: 'json', // 用于设置响应体的类型 注意 跟 data 参数没关系！！！
                                    success: function (res) {
                                        if(res.code == 200){
                                            layer.close(index);
                                            layer.msg("收藏成功！");
                                            //两秒后重载表格数据
                                            setTimeout(function () {
                                                reloadTable();
                                            }, 2000);
                                        }else {
                                            layer.close(index);
                                            layer.msg(res.msg);
                                        }
                                    }
                                });
                            });
                        } else {
                            layer.msg("请至少选中一项");
                        }
                    break;
                    case 'recoverMore':
                        if(toolbar.data.length > 0){
                            let unids = [];
                            for (let i=0; i<toolbar.data.length; i++){
                                if (!isNotNull(toolbar.data[i].updateUser)){
                                    layer.msg("选中的行中包含已被回收的记录，请重新选择");
                                    return;
                                }
                                unids.push(toolbar.data[i].unid);
                            }
                            layer.confirm('确定回收选中的记录吗？', function (index) {
                                $.ajax({
                                    url: '/customer/recycle',
                                    type: 'post',
                                    data: JSON.stringify(unids),
                                    contentType: 'application/json',
                                    dataType: 'json', // 用于设置响应体的类型 注意 跟 data 参数没关系！！！
                                    success: function (res) {
                                        layui.use('layer', function(){
                                            var layer = layui.layer;
                                            layer.msg(res.msg);
                                        });
                                        //两秒后重载表格数据
                                        setTimeout(function(){
                                            // window.location.reload();
                                            reloadTable();
                                        }, 2000);
                                    }
                                });
                                layer.close(index);
                            });
                        }else{
                            layer.msg("请至少选中一项");
                        }
                    break;
                    case 'assignMore':
                        if(toolbar.data.length > 0){
                            let isValid = true;
                            $.each(toolbar.data,function(index,item){
                                if(isNotNull(item.updateUser)){//说明该条记录还没有被回收
                                    layer.msg('所选的记录需要先被回收才能指派哦！');
                                    isValid = false
                                }
                            });
                            if(isValid){
                                layer.open({
                                    type: 1,
                                    title: '选择人员',
                                    skin: 'layui-layer-skin', //样式类名
                                    area: ['650px', '450px'],
                                    closeBtn: 0,
                                    id: "chooseSchool",
                                    content: $("#layer-chooseSchool"),
                                    //层弹出后的成功回调方法
                                    success: function(index, layero){
                                        initUserTable();
                                    },
                                    btn: ['确认', '取消'],
                                    //按钮居中显示
                                    btnAlign:'c',
                                    //确认按钮事件
                                    yes : function(index, layero) {
                                        //获取选中行的数据
                                        var checkStatus = table.checkStatus('schoolResult');
                                        var datas = checkStatus.data;
                                        if(datas.length == 1){
                                            let seletedUser = datas[0];
                                            let selectedUser = seletedUser.userId;
                                            let selectedUserName = seletedUser.nickName;
                                            layer.confirm('确定指派给'+selectedUserName+'吗？', function (index) {
                                                for (let i=0; i<toolbar.data.length; i++){
                                                    toolbar.data[i].assignId = toolbar.data[i].unid
                                                    toolbar.data[i].userId = selectedUser
                                                    toolbar.data[i].userName = selectedUserName
                                                }
                                                $.ajax({
                                                    url: '/customer/assign',
                                                    type: 'post',
                                                    data: JSON.stringify(toolbar.data),
                                                    dataType: 'json', // 用于设置响应体的类型 注意 跟 data 参数没关系！！！
                                                    contentType: 'application/json; charset=UTF-8',
                                                    success: function (res) {
                                                        layer.msg('已成功指派给了'+selectedUserName);
                                                        setTimeout(function () {
                                                            layer.closeAll();
                                                            reloadTable();
                                                        },2000)
                                                    },
                                                    error:function(e){
                                                        layer.msg('出错啦！');
                                                        setTimeout(function () {
                                                            layer.closeAll();
                                                        },2000)
                                                    }
                                                });
                                                layer.close( index);
                                                $("#layer-chooseSchool").css("display","none");
                                            });
                                        }else if(datas.length == 0){
                                            layer.msg('请选择一个用户进行指派!');
                                        }else if(datas.length > 1){
                                            layer.msg('只能选择一个用户进行指派!');
                                        }
                                    },
                                    //取消按钮事件
                                    btn2:function(){
                                        $("#layer-chooseSchool").css("display","none");
                                    }
                                });
                            }
                        }else{
                            layer.msg("请至少选中一项");
                        }
                    break;
                }
            })
        });
    }

    //申请签约
    function applyForSigning(id,userId){
        layui.use(['layer','table'], function(){
            let layer = layui.layer;
            let table = layui.table;
            layer.open({
                title: '提示'
                ,content: '确定提交该签约申请吗？'
                ,btn: ['确定', '取消']
                ,yes: function (index, layero) {
                    //检测是否满足签约申请
                    $.ajax({
                        type:'GET',
                        url:'/customer/contract/check/'+id,
                        dataType:'json',
                        contentType: 'application/json; charset=UTF-8',
                        success:function(res){
                            if(res.code == 200){
                                $.ajax({
                                    type:'GET',
                                    url:'/customer/contract/apply/'+id,
                                    dataType:'json',
                                    contentType: 'application/json; charset=UTF-8',
                                    success:function(req){
                                        if(req.code == 200){
                                            layer.close(index);
                                            layer.msg("已提交申请，请耐心等待！");
                                            // 重载表格数据
                                            setTimeout(function(){
                                                table.reload("tableid", { //此处是上文提到的 初始化标识id
                                                    url: '/customer/list',
                                                    where: {userId: userId}
                                                });
                                            }, 1500);
                                        }else{
                                            layer.close(index);
                                            layer.msg("出错啦！");
                                        }
                                        return false;
                                    },
                                    error:function(e){
                                        layer.close(index);
                                        layer.msg("出错啦！");
                                    }
                                })
                            }else{
                                layer.close(index);
                                layer.msg(res.msg);
                            }
                            return false;
                        },
                        error:function(e){
                            layer.close(index);
                            layer.msg("出错啦！");
                        }
                    })
                }
                ,btn2: function(index, layero){
                    //按钮【按钮二】的回调
                    layer.close(index);
                }
                ,cancel: function(){
                    //右上角关闭回调
                    layer.close(index);
                }
            });
        })
    }

    //文件上传
    layui.use('upload', function(){
        let upload = layui.upload;
        //执行实例
        let uploadInst = upload.render({
            elem: '#UploadData' //绑定元素
            ,url: '/customer/importData' //上传接口
            ,accept: 'file' //允许上传的文件类型
            ,done: function(res){
                //上传完毕回调
                layui.use('layer', function(){
                    var layer = layui.layer;
                    layer.msg(res.msg);
                });
                //两秒后重载表格数据
                setTimeout(function(){
                    window.location.reload();
                }, 2000);
            }
            ,error: function(){
                //请求异常回调
                layui.use('layer', function(){
                    var layer = layui.layer;
                    layer.msg("导入失败！");
                });
            }
        });
    });
    
    //下载需要上传数据的excel模板
    function downloadTemplate() {
        $.ajax({
            url:"/customer/importTemplate",
            data:"",
            type:"POST",
            cache: false,
            success:function(result){
                window.location.href = "https://" + window.location.host + "/common/download?fileName=" + encodeURI(result.msg) + "&delete=" + true;
            }
        });
    }

    //搜索
    function search(){
        layui.use(['table', 'layer'], function () {//layui 模块引用，根据需要自行修改
            let layer = layui.layer, table = layui.table;
            table.reload('tableid', {
                where: {
                    userId: userId,
                    searchStr:$("#keyword").val()
                }
                ,page: {
                    pageNum: 1 //重新从第 1 页开始
                }
            });
        })
    }

    //回车搜索
    function keydownSearch() {
        let event = window.event || arguments.callee.caller.arguments[0];
        if (event.keyCode == 13)
        {
            search();
        }
    }

    //用户搜索
    function userSearch(){
        layui.use(['table', 'layer'], function () {//layui 模块引用，根据需要自行修改
            let layer = layui.layer, table = layui.table;
            table.reload('schoolResult', {
                where: {
                    searchStr:$("#user_keyword").val()
                }
                ,page: {
                    pageNum: 1 //重新从第 1 页开始
                }
            });
        })
    }

    //用户回车搜索
    function userKeydownSearch() {
        let event = window.event || arguments.callee.caller.arguments[0];
        if (event.keyCode == 13)
        {
            userSearch();
        }
    }

    //渲染可选择人员表格
    function initUserTable() {
        layui.use(['table', 'layer'], function () {//layui 模块引用，根据需要自行修改
            let layer = layui.layer, table = layui.table;
            //加载列表的后端 url
            var getListUrl = '/customer/user/list';
            var tableOptions = {
                elem: '#schoolResult',
                url: getListUrl, //请求地址
                method: 'POST', //方式
                id: 'schoolResult', //生成 Layui table 的标识 id，必须提供，用于后文刷新操作，笔者该处出过问题
                page: true, //是否分页
                limits: [5],
                limit: 5, //每页默认显示的数量
                request: {
                    pageName: 'pageNum',
                    limitName: 'pageSize'
                },
                where: { type: "all" }, //请求后端接口的条件，该处就是条件错误点，按照官方给出的代码示例，原先写成了 where: { key : { type: "all" } }，结果并不是我想的那样，如此写，key 将是后端的一个类作为参数，里面有 type 属性，如果误以为 key 是 Layui 提供的格式，那就大错特错了
                response: { //定义后端 json 格式，详细参见官方文档
                    statusName: 'code', //状态字段名称
                    statusCode: '200', //状态字段成功值
                    msgName: 'msg', //消息字段
                    countName: 'total', //总数字段
                    dataName: 'rows' //数据字段
                }
            };
            // 表初始化
            var createTable = function () {
                table.init('schoolResult-filter', tableOptions);// table lay-filter
            };
            
            // 表初始化
            createTable();

        });
    }

    //获取地址栏参数
    function GetQueryString(name){
        var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
        var r = window.location.search.substr(1).match(reg);
        if(r!=null)return  unescape(r[2]);
        return null;
    }

    /**
     * 判断值是否不为空
     * @param {Object} val
     */
    function isNotNull(val){
        if(val!=='undefined' && val!=="" && val!=null){
            return true
        }
        return false
    }

    //销售助理审核通过签约
    function pass(customerId) {
        layui.use(['layer'], function () {
            let layer = layui.layer;
            layer.open({
                title: '提示'
                ,content: '确定通过该签约吗？'
                ,yes: function () {
                    $.ajax({
                        type:'GET',
                        url:'/customer/contract/approve/'+customerId,
                        dataType:'json',
                        contentType: 'application/json; charset=UTF-8',
                        success:function(req){
                            layer.msg("已通过！");
                            // 重载表格数据
                            reloadTableData();
                            return false;
                        },
                        error:function(e){
                            layer.msg("出错啦！");
                        }
                    })
                }
            });
        })
    }

    //销售助理审核驳回
    function fail(customerId) {
        layui.use(['layer'], function () {
            let layer = layui.layer;
            layer.prompt({title: '请描述退回原因'},function(val, index){
                $.ajax({
                    type:'GET',
                    url:'/customer/contract/refuse/'+customerId,
                    data: {customerId:customerId,context:val},
                    dataType:'json',
                    contentType: 'application/json; charset=UTF-8',
                    success:function(req){
                        layer.close(index);
                        layer.msg("已退回！");
                        // 重载表格数据
                        reloadTableData();
                        return false;
                    },
                    error:function(e){
                        layer.close(index);
                        layer.msg("出错啦！");
                    }
                })
            });
        })
    }
    
    //重载表格数据
    function reloadTableData() {
        layui.use(['table'], function () {
            let table = layui.table;
            table.reload("tableid", { //此处是上文提到的 初始化标识id
                url: getListUrl
            });
        })
    }

</script>

</html>